@charset "utf-8";
@import "common/common";
.Flashbox_wrap {
    background: #8bc01f;
    padding-top: 67px;
    padding-bottom: 94px;
    .Flashbox_cont {
        color: #fff;
        h2 {
            font-size: 36px;
            margin: 0;
            margin-bottom: 22px;
            small {
                width: 55px;
                height: 53px;
                border-radius: 2px;
                overflow: hidden;
                background: #fff;
                display: inline-block;
                font-size: 35px;
                color: #8bc01f;
                line-height: 53px;
                text-align: center;
                vertical-align: middle;
                margin-right: 12px;
            }
        }
        h3 {
            font-size: 23px;
            margin-left: 15px;
            margin-top: 0;
            margin-bottom: 68px;
        }
    }
    p {
        font-size: 15px;
        margin-left: 15px;
        line-height: 30px;
        margin-bottom: 32px;
    }
    span {
        display: block;
        width: 100px;
        height: 34px;
        border-radius: 3px;
        overflow: hidden;
        background: #fff;
        color: #8bc01f;
        text-align: center;
        line-height: 34px;
        margin-left: 15px;
    }
}

.LayaPlay_wrap {
    background: #3393df;
    padding-top: 74px;
    padding-bottom: 61px;
    .LayaPlay_title {
        color: #fff;
        h2 {
            font-size: 35px;
            margin: 0;
            margin-bottom: 22px;
            small {
                width: 42px;
                height: 44px;
                border-radius: 2px;
                overflow: hidden;
                background: #fff;
                display: inline-block;
                font-size: 30px;
                color: #3393df;
                line-height: 44px;
                text-align: center;
                vertical-align: middle;
                margin-right: 12px;
            }
        }
    }
    .LayaPlay_middle_cont {
        color: #fff;
        h3 {
            font-size: 24px;
        }
        p {
            font-size: 13px;
            line-height: 30px;
        }
    }
    .LayaPlay_right_img {
        padding-top: 125px;
    }
}

.LayaAO_wrap {
    padding-top: 91px;
    padding-bottom: 85px;
    .LayaAir {
        margin-right: 2px;
        .LayaAir_all {
            h3 {
                font-size: 31px;
                margin: 0;
                color: #3393df;
                margin-bottom: 35px;
                small {
                    width: 40px;
                    height: 41px;
                    background: #3393df;
                    border-radius: 2px;
                    display: inline-block;
                    vertical-align: middle;
                    color: #fff;
                    text-align: center;
                    line-height: 41px;
                    margin-right: 13px;
                }
            }
            span {
                font-size: 17px;
                color: #5d5d5d;
            }
            h4 {
                font-size: 17px;
                color: #3393df;
                margin-top: 39px;
                margin-bottom: 21px;
            }
            p {
                font-size: 14px;
                text-indent: 2em;
                color: #5d5d5d;
                line-height: 25px;
                margin: 0;
            }
        }
        .LayaAir_img {
            text-align: center;
            margin-top: 40px;
        }
    }
    .LayaOpen {
        .LayaOpen_all {
            h3 {
                font-size: 31px;
                margin: 0;
                color: #3393df;
                margin-bottom: 35px;
                small {
                    width: 40px;
                    height: 41px;
                    background: #3393df;
                    border-radius: 2px;
                    display: inline-block;
                    vertical-align: middle;
                    color: #fff;
                    text-align: center;
                    line-height: 41px;
                    margin-right: 13px;
                }
            }
            span {
                font-size: 17px;
                color: #5d5d5d;
            }
            h4 {
                font-size: 17px;
                color: #3393df;
                margin-top: 39px;
                margin-bottom: 21px;
            }
            p {
                font-size: 14px;
                text-indent: 2em;
                color: #5d5d5d;
                line-height: 25px;
                margin: 0;
                &:first-of-type{
                    margin-bottom: 60px;
                }
                &:nth-of-type(2){
                    margin-bottom: 64px;
                }
            }
        }
        .LayaOpen_img {
            text-align: center;
            margin-top: 40px;
        }
    }
}

.LayaSP{
    background: #f7f7f7;
    padding-top: 87px;
    padding-bottom: 86px;
    .LayaStore{
        margin-right: 2px;
        .LayaStore_all{
            h3 {
                font-size: 31px;
                margin: 0;
                color: #3393df;
                margin-bottom: 25px;
                small {
                    width: 40px;
                    height: 41px;
                    background: #3393df;
                    border-radius: 2px;
                    display: inline-block;
                    vertical-align: middle;
                    color: #f7f7f7;
                    text-align: center;
                    line-height: 41px;
                    margin-right: 13px;
                }
            }
            span {
                font-size: 17px;
                color: #5d5d5d;
            }
            h4 {
                font-size: 17px;
                color: #3393df;
                margin-top: 39px;
                margin-bottom: 21px;
            }
            p {
                font-size: 14px;
                text-indent: 2em;
                color: #5d5d5d;
                line-height: 25px;
                margin: 0;
                &:first-of-type{
                    margin-bottom: 60px;
                }
            }
        }
        .LayaStore_img {
            text-align: center;
            margin-top: 48px;
        } 
    }
    .LayaPublish{
        .LayaPublish_all{
            h3 {
                font-size: 31px;
                margin: 0;
                color: #3393df;
                margin-bottom: 25px;
                small {
                    width: 40px;
                    height: 41px;
                    background: #3393df;
                    border-radius: 2px;
                    display: inline-block;
                    vertical-align: middle;
                    color: #f7f7f7;
                    text-align: center;
                    line-height: 41px;
                    margin-right: 13px;
                }
            }
            span {
                font-size: 17px;
                color: #5d5d5d;
            }
            h4 {
                font-size: 17px;
                color: #3393df;
                margin-top: 39px;
                margin-bottom: 21px;
            }
            p {
                font-size: 14px;
                text-indent: 2em;
                color: #5d5d5d;
                line-height: 25px;
                margin: 0;
                &:first-of-type{
                    margin-bottom: 85px;
                }
            }
        }
        .LayaPublish_img {
            text-align: center;
            margin-top: 48px;
        } 
        }
}




.pd0 {
    padding: 0;
}

@media (max-width:768px){
    .Flashbox_wrap{
        .Flashbox_cont{
        }
            .Flashbox_img{
                margin-top: 10px;
                img{
                    width: 100%;
                }
            }
            
    }
    
    .LayaPlay_wrap{
        .LayaPlay_cont{
            .LayaPlay_left_img{
                img{
                    width: 100%;
                }
            }
            .LayaPlay_right_img{
                img{
                    width: 100%;
                }
            }
        }
    }
    .LayaAO_wrap{
        .LayaAir{
            .LayaAir_img{
                img{
                    
                }
            }
        }
    }
//.Flashbox_wrap {
//  background: #8bc01f;
//  padding-top: r(67px);
//  padding-bottom: r(94px);
//  .Flashbox_cont {
//      color: #fff;
//      h2 {
//          font-size: 36px;
//          margin: 0;
//          margin-bottom: r(22px);
//          small {
//              width: r(55px);
//              height: r(53px);
//              border-radius: 2px;
//              overflow: hidden;
//              background: #fff;
//              display: inline-block;
//              font-size: 35px;
//              color: #8bc01f;
//              line-height: r(53px);
//              text-align: center;
//              vertical-align: middle;
//              margin-right: r(12px);
//          }
//      }
//      h3 {
//          font-size: 23px;
//          margin-left: r(15px);
//          margin-top: 0;
//          margin-bottom: r(68px);
//      }
//  }
//  .Flashbox_img{
//      img{
//          width: 100%;
//      }
//  }
//  p {
//      font-size: 15px;
//      margin-left: r(15px);
//      line-height: r(30px);
//      margin-bottom: r(32px);
//  }
//  span {
//      display: block;
//      width: r(120px);
//      height: r(34px);
//      border-radius: 3px;
//      overflow: hidden;
//      background: #fff;
//      color: #8bc01f;
//      text-align: center;
//      line-height: r(34px);
//      margin-left: r(15px);
//  }
//}


}




@media (min-width:768px) and (max-width:992px) {
    .nav {
        >li {
            >a {
                padding-left: 5px;
                padding-right: 5px;
            }
        }
    }
}

@media (min-width:992px) {
    .container {
        width: 1000px;
        padding-left: 14px;
    }
}

@media (min-width: 768px) {
    .navbar {
        border-radius: 0;
    }
}